.container{
  padding-top: 10rpx;
  .nav{
    padding-top: 38rpx;
    padding-bottom:15rpx ;
    background-color: white;
    display: flex;
    justify-content: space-around;
    font-size: 28rpx;
    color: #ABABAB;
    margin-bottom: 21rpx;
    view{
      &.active{
        color: #222222;
        font-size: 30rpx;
        border-bottom: 5rpx solid #FD649C;
        padding: 0 13rpx;
        font-weight: bold;
      }
     
    }
  }

  .main{
    background-color: white;
    .info-base{
      padding:31rpx 41rpx  31rpx 39rpx;
      display: flex;
      color: #333333;
      font-size: 26rpx;
      justify-content: space-between;
      .status{
        color:#1ACE6A;
        font-size: 24rpx;
        &.black{
          color:#222222
        }
      }
    }

    .info-detail{
      display: flex;
      padding: 0 41rpx 42rpx 68rpx;
      justify-content: space-between;
      image{
        width: 122rpx;
        height: 122rpx;
        border-radius: 5rpx;
      }
      
      .right{
        width: 483rpx;
        .top{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 100%;
          font-size: 28rpx;
          color:#333333 ;
          margin-bottom: 54rpx;
        }
        .center{
          margin-bottom: 38rpx;
          text{
            color: #222222;
            &:nth-child(1){
              font-size: 22rpx;
            }
            &:nth-child(2){
              font-size: 32rpx;
            }
          }
        }
        .bottom{
          display: flex;
          flex-direction: column;
          line-height: 44rpx;
        }
      }
    }
  }
}